<template>
	<view>
		<view class="top-part">
			<view class="nav">
				<view class="navbar">
					<view class="">
						到店自提
					</view>
					<!-- <view class="">
						免费配送
					</view> -->
				</view>
			
			</view>
			<view class="person">
				<view class="info">
					<text>提货人：</text>
					<input type="text" value="" placeholder="提货人"/>
				</view>
				<view class="info">
					<text>手机号：</text>
					<input type="text" value="" placeholder="手机号码"/>
				</view>
				<view class="info">
					<text>店名：</text>
					<input type="text" value="" placeholder="请填写店名"/>
				</view>
			</view>
			<view class="addr">
				<view class="">
					团长信息
				</view>
				<view class="">
					提货地点
				</view>
			</view>
			<view class="line">
				<image src="../../static/icon-address-line.png" mode=""></image>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {

			};
		}
	}
</script>

<style lang="scss">
	.top-part{
		background-color: #fff;
		padding: 0 20rpx;
		input{
			background-color: #f5f5f5;
			flex: 1;
			font-size: 12px;
			padding: 5rpx 10rpx;
		}
		.addr{
			font-size: 12px;
			color: #999;
		}
		.person{
			.info{
				display: flex;
				line-height:40px;
				align-items: center;
				color: #333;
				text{
					width: 160rpx;
				}
			}
		}
	}
	.line image{
		width: 100%;
		height: 2px;
	}
	.nav {
		padding: 20rpx;
		background-color: #fff;

		.navbar {
			display: flex;
			border-bottom: 1px solid #FF5344;
			view {
				background-color: #FF5344;
				color: #fff;
				font-size: 13px;
				border-radius: 5px 5px 0 0;
				padding: 15rpx 30rpx;
			}
		}

	}
</style>
